<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>测试</title>
    {# 因为test页面换到了前端front-end文件，所以axiox路径改变，以相对路径查找front-end下的js   #}
    <script type="text/javascript"  src="/static/js/axios-0.18.0.min.js"></script>
    <script type="text/javascript">
        // 请求服务器数据 发起请求
{#        axios.get('http://127.0.0.1:8000/test2/')#}
{#            .then(function (response) {#}
{#                // 获取请求成功返回#}
{#                alert(response.data.message)#}
{#            })#}
{#            .catch(function (error) {#}
{#                // 获取失败后返回#}
{#                alert(error.response.status)#}
{#            })#}

        // 用箭头函数来发起请求 等同于上面，效果是一样的
        axios.get('http://127.0.0.1:8000/test2/')
            .then(response => {
                // 获取请求成功返回
                alert(response.data.message)
            })
            .catch(error => {
                // 获取失败后返回
                alert(error.response.status)
            });

        
        /**
        //  这里的data表示的是要提交到后台服务器的表单数据
        //  在text/javascript里面通过axios发送的，提交过去的数据是一个js对象  不是json也不是字典
        var data = {name:'研发部11',create_data:'2011-10-1'};
        axios.post('http://127.0.0.1:8000/test2/',data) 
        var config = {
            headers:{
                a:'10',
            }
        }
            .then(response => {
                // 获取请求成功返回
                alert(response.data.message)
            })
            .catch(error => {
                // 获取失败后返回
                alert(error.response.status)
            })   */




    </script>

</head>
<body>
    <h1>测试啊啊啊</h1>

</body>
</html>